@use "/src/styles/my";

.icon1{
  color:var(--el-button-text-color);
  font-size: 17px;
  margin-right: 5px;
}
.aside-container{
  overflow: hidden;
  height: 100%;
  border-right: 1px solid var(--el-menu-border-color);
}
.aside-container-dark{
  overflow: hidden;
  ::v-deep(.el-sub-menu__title){
   color: white;
  }
  ::v-deep(.el-sub-menu__title):hover{
   color: black;
  }
  ::v-deep(.el-menu-item){
    background-color: black;
    color: white;
  }
  ::v-deep(.el-menu-item):hover{
    background-color: white;
    color: black;
  }
  background-color: black;
  color: white;
  height: 100%;
  border-right: 1px solid var(--el-menu-border-color);
  ::v-deep(.el-button){
    background-color: transparent;
    border: none;
    color: white;
  }
}
.aside-menu{
  overflow: hidden;
  background-color: transparent;
  width: 100%;
  height: 100%;
  border: none;
}
.aside2-menu{
  overflow: hidden;
  background-color: transparent;
  height: 100%;
  border: none;
}

::v-deep(.el-menu-item.is-active) {
  background-color: var(--el-color-primary) !important; /* 选中时的背景色 */
  color: #fff !important; /* 选中时的文本色 */
}